<template>
	<view style="background-color: #fffff3;height: 1000px;">
		<image src="http://bpic.588ku.com/back_pic/04/92/07/9459106705c318e.jpg" mode="aspectFill" style="width: 100%;height: 180px;"></image>

		<!-- 一般用法 -->
		<uni-card is-shadow="true" class="outer">
			<view class="enter">报名入口</view>
			</hr>
			<view class="one">飞行员模拟培训报名</view>
			<view class="two">模拟飞行员等级考试</view>
			<view class="three">在线查看排行榜，获奖证书</view>
		</uni-card>
		<view style="margin-top: 100px;">
			<button @click="goIndex" style="opacity: 0.5;width: 50%;">立即体验</button>
		</view>
	</view>
</template>

<script>
	import uniCard from '@/components/uni-card/uni-card.vue'
	export default {
		data() {
			return {
				goIndex(){
					uni.redirectTo({
					    url: '../login/login'
					});
				}
			}
		},
		methods: {
			
		},
		onLoad() {
			console.log('进入解释页面')
		},
		comments:{
			uniCard
		}
	}
</script>

<style lang="scss" scoped>
	.outer{
		margin-top: 100px;
		padding-left: 10px;
		padding-top: 50px;
		padding-bottom: 50px;
		.enter{
			font-size: 16px;
			font-weight: 900;
			color: #0A98D5;
			box-shadow: 2px 2px 2px #ccc;
			width: 70%;
			text-shadow: 3px 1px #ccc;
			letter-spacing: 4px;
		}
		.one{
			font-size: 16px;
			font-weight: 900;
			padding-left: 10px;
			box-shadow: 2px 2px 2px #ccc;
			color: #FFB400;
			width: 80%;
			margin-top: 20px;
			text-shadow: 3px 1px #ccc;
			letter-spacing: 4px;
		}
		.two{
			font-size: 18px;
			font-weight: 900;
			box-shadow: 2px 2px 2px #ccc;
			color: #4CD964;
			padding-left: 30px;
			width: 80%;
			margin-top: 20px;
			text-shadow: 3px 1px #ccc;
			letter-spacing: 4px;
		}
		.three{
			font-size: 16px;
			font-weight: 900;
			color: #3F536E;
			box-shadow: 2px 2px 2px #ccc;
			margin-top: 20px;
			width: 80%;
			padding-left: 50px;
			text-shadow: 3px 1px #ccc;
			letter-spacing: 4px;
		}
	}
	
</style>
